.div1{
    width:400px ;
    border: black solid 1px;
    border-radius:10px ;
    box-shadow: 10px 10px 5px #888888;
    margin-top:8% ;
    position: relative;
    left: 36%;
}

.div2{
    width: 100%;
}
.logo{
    width: 50%;
    position: relative;
    left: 25%;

}

.div2_1{
    position: relative;
    left: 25%;
    font-size: 110%;
    color: #27A9E3;
    font-family: cursive;
}

.form1{
    /*background-color: blanchedalmond;*/
    width: 100%;
    text-align: center;
    margin-top: 10%;

}

.input1{
    outline:none;
    width: 90%;
    margin-top: 5%;
    border: none;
    border-width:1px ;
    border-bottom-style:dotted;
    padding-bottom: 4%;
}

/*阴影覆盖*/
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px white inset !important;
}

.input3{
    outline:none;
    width: 90%;
    margin-top: 5%;
    border: none;
    border-width:1px ;
    border-bottom-style:dotted;
    padding-bottom: 4%;
}
/*改变颜色*/
.input3::-webkit-input-placeholder{
    color: red;
}
.input3::-moz-placeholder{
    color: red;
}
.input2{
    margin-top: 5%;
    position: relative;
    right: 35%;
    font-size: x-small;
}

.input4{
    outline:0;
    width: 90%;
    margin-top: 5%;
    border: none;
    border-width:1px ;
    border-bottom-style:dotted;
    padding-bottom: 4%;
}
.input4::-webkit-input-placeholder{
    color: red;
}
.input4::-moz-placeholder{
    color: red;
}
.span1{
    position: relative;
    right: 34%;
    font-size: 75%;
}
.submit1{
    background-color: #27A9E3;
    color: white;
    border: none;
    border-radius: 10px;
    font-size: 20px;
    margin-top: 5%;
    margin-bottom: 7%;
    width: 90%;
    padding:1%;
    cursor: pointer;
}
/*.submit1:active{*/
    /*border-radius: 10px;*/
/*}*/

.ul1 li{
    display:inline-block;
}
.li1{
    position: relative;
}
.li2{
    position: relative;
    left: 50%;
}

.ul1 a:link{
    text-decoration: none;
    color: #888888;
}

.ul1 a:visited{
    color: #888888;
}